<template>
    <div class="home">
        <button
            @click="
                $router.push({
                    path: '/layout/seckill',
                    query: { routerType: 'push' },
                })
            "
        >
            去秒杀
        </button>
        <parallax @onScrollChange="onScrollChange">
            <template v-slot:slow>
                <p v-for="item in 5" :key="item">轮播图</p>
            </template>

            <template>
                <p v-for="item in 105" :key="item">
                    {{ item }}{{ item }}{{ item }}{{ item }}{{ item }}
                </p>
            </template>
        </parallax>
    </div>
</template>

<script>
export default {
    data() {
        return {
            supportDatas: [
                '可配送海外',
                '京东发货&售后',
                '京准达',
                '211限时达',
                '可自提',
                '不可使用优惠卷',
            ],
        }
    },
    name: 'home',
    created() {
        console.log('home加载')
    },
    methods: {
        onScrollChange(e) {
            console.log(e)
        },
    },
}
</script>

<style>
.home {
    height: 100%;
}
</style>